<%@taglib prefix="s" uri="/struts-tags"%>
 
<s:form id="procesoForm" theme="simple">
	<s:hidden name="proceso.id" />
	<s:hidden name="procesoDetalle.id" />
	<s:hidden name="proceso.fechaProceso" />
	<s:hidden name="idProceso" />
	<s:hidden name="idProcesoDetalle" id="idProcDetalle"/>
	<table width="100%">
		<tr>
			<td>
			<table width="100%">
				<tr>
					<td>
					<div id="pageTitle">Proceso</div>
					</td>
				</tr>
				<tr>
					<td>
					<div class="formpanel">
					<table cellspacing="0" width="100%">
						<tr>
							<td class="label" width="20%">Fecha:</td>
							<td width="80%"><s:textfield theme="simple" name="proceso.fechaFormateada"
								id="txtFecha" 
								readonly="true"/>
							</td>
						</tr>
						<tr>
							<td class="label">Estado Cierre:</td>
						    <td><s:select
								list="listaEstadosCierre" listKey="value" listValue="label"  theme="simple"
								id="cMesEstado" name="proceso.estadoCierre.codigo" cssClass="validate[required]"/>
						    </td>
						</tr>
						<tr>
							<td class="label">Estado(*):</td>
						    <td><s:select
								list="#{'1':'ACTIVO','0':'INACTIVO'}" theme="simple"
								id="cmbEstado" name="proceso.estado"/>
						    </td>
						</tr>
					</table>
					</div>
					</td>
				</tr>
			</table>
			<table>
				<tr>
					<td>
					<s:submit value="Guardar" id="idGuardarP" theme="simple"
						cssClass="ui-button ui-widget ui-state-default ui-corner-all"
						action="saveProceso" /> 
					<input type="button" value="Retornar" id="btnRetornar"
						onclick="retornar()"
						class="ui-button ui-widget ui-state-default ui-corner-all" />
						
					</td>
				</tr>
			</table>
			</td>
		</tr>
		<tr>
			<td>
			<table width="100%">
				<tr>
					<td>
						<div>
							<table id="dataTable" width="100%"></table>
							 <div id="tablePager"></div>
						</div> 
					</td>
				</tr>
			</table>
			</td>
		</tr>
	</table>
</s:form>
<div id="dialog-modal-proceso" title="Edicion Proceso Carga" style="display:none" >
	 <s:form method="post" theme="simple" id="frmActPDetalle" name="frmActPDetalle" >
	 	<s:hidden name="idProcesoDetalle" id="idProcDetalle"/>
	 	<s:hidden name="procesoDetalle.id" id="idDet"/>
		<table width="100%"  >
			<tr>
				<td align="center">
					&nbsp;
				</td>
			</tr>
			<tr>
			<td class="ui-widget-content2">
				<div class="formpanel">
				<table>
						<tr>
							<td>	
								Descripci&oacute;n:
							</td>
							<td>	
								<!--s:property value="procesoDetalle.configuracion.descripcionArchivo" /-->
								<s:textfield theme="simple" name="procesoDetalle.configuracion.descripcionArchivo"
								id="descArchivo" size="70"
								readonly="true"/>
							</td>
						</tr>
						<tr>
							<td>	
								Estado proceso
							</td>
							<td>	
								<s:select
								list="listaEstados" listKey="value" listValue="label"  theme="simple"
								id="cMesEstadoDetalle" name="procesoDetalle.estadoProceso.codigo" 
								cssClass="validate[required]"/>
							</td>
						</tr>
				</table>
				</div>
		   </td>
		   </tr>
		   <tr>
				<td align="center">
					&nbsp;
				</td>
			</tr>
		   <tr>
				<td align="center">
					<input type="button" value="Guardar"
						id="idGuardarPDetalle"
						class="ui-button ui-widget ui-state-default ui-corner-all" />
					&nbsp;&nbsp;&nbsp;&nbsp;		
					<input type="button" value="Cancelar"
						id="idBtnCancelar"
						class="ui-button ui-widget ui-state-default ui-corner-all" />		
				</td>
			</tr>
		</table>			
	 </s:form>
</div>
<script language="JavaScript" type="text/javascript">	
	$(document).ready(function(){
		
		$("#procesoForm").validationEngine();
		$("#frmActPDetalle").validationEngine();
		jQuery("#dataTable").jqGrid({
		   	url:'./findProcesoDetalle.do',
			datatype: "json",
		   	colNames:['ID','Descripcion','Tipo de archivo','Estado Proceso','Estado','Acciones'],
		   	colModel:[
		   		{name:'id',index:'id', hidden:true},
		   		{name:'configuracion.descripcionArchivo',index:'config', width:300,align:"center"},
		   		{name:'configuracion.tipoArchivo.descripcion',index:'tipoArchivo', width:300,align:"center"},
		   		{name:'estadoProceso.descripcion',index:'estadoProceso', width:200,align:"center"},
		   		{name:'estado',index:'estado', width:120,align:"center"},
   				{name:'act',index:'act',align:"left", width:150,sortable:false,title:false}
		   	],
		   	rowNum:10,
		   	altRows : true,
			altclass : 'myAltRowClass',
		    width: 900,
		   	rowList:[10,25,50],
		   	pager: '#tablePager',
		   	sortname: 'id',
		    viewrecords: true,
		    sortorder: "desc",
		    caption:"Lista de Procesos Cargados",
		    jsonReader : {
		      root:"dataModel",
		      repeatitems: false
		   },beforeRequest: function(){
		   		var _page=$(this).jqGrid('getGridParam', 'page');
		   		if(_page!=1){
					var _url=$(this).jqGrid('getGridParam', 'url');
					var _idx=_url.indexOf('?');
			 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
				}
		   }
		   ,
			gridComplete: function(){
		
				var ids = $(this).jqGrid('getDataIDs');
		
				for(var i=0;i < ids.length;i++){
					var cl = ids[i];
					var actions ='&nbsp;&nbsp;&nbsp;'; 
					
					 actions += actionIconConfirm('deleteProcesoDetalle.do','idProcesoDetalle='+cl,'Eliminar','images/icons/eliminar.png','Esta seguro de anular el registro');
					 actions +='&nbsp;&nbsp;&nbsp;';
					 actions += actionOnClickModal('Editar',cl,'images/icons/editar.png');
					 $(this).jqGrid('setRowData',ids[i],{act:actions});	
				}	
				paintEstado('dataTable_estado');
			}
		});
		
		
		$("#idGuardarPDetalle").click(function () { 
			var valid = true;
			
		    var requiredFields = ['cMesEstadoDetalle'];
		    for(var i = 0; i < requiredFields.length; i++) {
		    	var val = $('#'+requiredFields[i]).val();     
				if (val== null || val == "") {
			    	valid = false;
			    }
	      	} 
		    if (valid) {
   				$.post("saveProcesoDetalle.do", { codigoEstadoProceso: $("#cMesEstadoDetalle").val(),
   										   		  idProcesoDetalle: $("#idDet").val()},
					function(data){
		   				var jsonDataText 	= JSON.parse(data);
						var estado			= jsonDataText.estado;
						var msg			    = jsonDataText.msg;
						
						alert(msg);
						
						if(estado=="V"){
						   $( "#dialog-modal-proceso" ).dialog("close");
						   var grid = $("#dataTable");
	    					grid.trigger("reloadGrid",[{current:true}]);
	    				}
					}
				);
			}else{
		   		alert('Debe seleccionar el estado de proceso');
		   	}

		});
		
		$("#idBtnCancelar").click(function () { 
		   $( "#dialog-modal-proceso" ).dialog("close");
		});
		
	});
	function executeModal(idDetalle){
		$( "#dialog-modal-proceso" ).dialog({
								height: 200,
								width: 500,
								modal: true
							 });
		$.post("updateProcesoDetalle.do", { idProcesoDetalle: idDetalle },
		function(data){
			var jsonDataText = JSON.parse(data);
			var descArchivo=jsonDataText.descArchivo;
			var estProceso=jsonDataText.estProceso;
			$("#descArchivo").val(descArchivo);
			$("#cMesEstadoDetalle").val(estProceso);
			$("#idDet").val(idDetalle);
			$("#cMesEstadoDetalle").focus();
 
		});  
	}
	
	function retornar(){
		$("#procesoForm").attr("action","./initProceso.do");
		$("#procesoForm").submit();
	}
	
</script>
